<li class="right-item-li relative" data-id="{$race.video_id}">
    <div class="show_team_pic relative">
        <a href="/match-detail-{$race.video_id}">
            <img class="transition lazy" src="__ASSET__/Home/v4/src/images/m_defaut.jpg" data-original="{$race.cover|default=$race['match']['pc_cover']}" width="100%">
        </a>
        <div  class="bottom_text absolute">
            <p  class="text1 left">{$race.title}</p>
            <p  class="text2 right">{$race.race_hour}</p>
        </div>
        <div  class="bottom_bg absolute"></div>
    </div>
    <div class="show_team_info relative">
        <div class="right-team1 left">
            <p class="right-team1-logo">
                <img src="{$race['team'][0]['logo']}" alt="{$race['team'][0]['name']}"/>
            </p>
            <p class="team-name1">{$race['team'][0]['name']}</p>
        </div>
        <div class="game-score box-flexo">
            <div class="score-num font24">
                <b class="num1">{$race['score'][0]}</b>
                <b class="num">:</b>
                <b class="num2">{$race['score'][1]}</b>
            </div>
            <div class="schedule schedule_title">
                  <a href="/match-detail-{$race.video_id}" title="{$race.race_title}">{$race.race_title}</a>
            </div>
        </div>
        <div class="right-team1 left">
            <p class="right-team1-logo">
                <img src="{$race['team'][1]['logo']}" alt="{$race['team'][1]['name']}"/>
            </p>
            <p class="team-name1">{$race['team'][1]['name']}</p>
        </div>
        <a href="/match-detail-{$race.video_id}"  class="step_video" title="{$race.race_title}"></a>
    </div>
</li>